import React, { Component } from 'react';
// import {Switch,Route,HashRouter as Router,Redirect } from 'react-router-dom'
import { hot } from 'react-hot-loader'



 class Volume extends  Component{
    render(){
        console.log( this)
        const {text, onChangeText, onButtonClickChilid,sasas,num} = this.props;
        return(<div>
            <h1 onClick={(event)=>{onChangeText();onButtonClickChilid();}}>{text}/{sasas}/{num}</h1>
            <img src={require("./../static/img/zzpic10964_s.jpg")} alt=""/>
            {/*<Router>*/}
                {/*<div>*/}
                    <h1 onClick={onChangeText}>{text}/{sasas}</h1>
                    {/*<div>*/}
                        {/*<Switch>*/}
                            {/*<Route path="/dynamic" component={Dynamic}></Route>*/}
                            {/*<Route path="/experience" component={Experience}></Route>*/}
                            {/*<Route path="/lifeRecord" component={LifeRecord}></Route>*/}
                            {/*<Route path="/cool" component={Cool}></Route>*/}
                            {/*<Redirect path="/" to="/dynamic"></Redirect>*/}
                        {/*</Switch>*/}
                    {/*</div>*/}
                {/*</div>*/}
            {/*</Router>*/}
        </div>)
    }
}

export default hot(module)(Volume)